import { Dependencies, Header } from './Header'
import './App.css'
import { NavMenu, useRoute } from './Route'

export default function App() {
  const { route, param, setRoute, Component } = useRoute()

  return (
    <>
      <Header />
      <NavMenu {...{setRoute}} />

      {/* <h3>{route}</h3> */}

      { !!Component
        ? <Component {...{setRoute, param, route}} />
        : <Dependencies />
      }
    </>
  )
}
